<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> :: {$sitename} ::</title>
<script> 
var baseurl = '{$baseurl}';
var admin_imgurl = '{$admin_imgurl}';
</script>

<link href="{$admin_cssurl}/style.css" rel="stylesheet" type="text/css" />
<link href="{$admin_cssurl}/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<link href="{$admin_cssurl}/ui.datepicker.css" rel="stylesheet" type="text/css" />
<link href="{$admin_cssurl}/menu_styldffde.css" rel="stylesheet" type="text/css" />
<link href="{$admin_cssurl}/drop.css" rel="stylesheet" type="text/css" />
<link href="{$baseurl}/javascript/pagination.css" rel="stylesheet" type="text/css" />

<script src="{$baseurl}/javascript/jquery.js"></script>
<script src="{$baseurl}/javascript/dropdown.js"></script>
<script src="{$baseurl}/javascript/facebox.js"></script>
<script src="{$baseurl}/javascript/ui.datepicker.js"></script>
<script src="{$baseurl}/javascript/global.js"></script>
<script language="javascript" type="application/javascript" src="{$baseurl}/javascript/jquery.blockUI.js"></script>
<script src="{$baseurl}/javascript/pagination.js"></script>
<script>
{literal}
$(document).ready(function(){

	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

	$("ul.topnav li span").mouseover(function() { //When trigger is clicked...

		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});
		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});
	
	$(".datePicker").datepicker();
	$('a[rel*=facebox]').facebox({
			loadingImage : admin_imgurl+'/loading.gif',
			closeImage   : admin_imgurl+'/closelabel.png'
		})						 

});
{/literal}
</script>


</head>
<body>
<div class="bg2">
  <div id="main">
    <!-- header -->
    <div id="header">
      <div class="row-1">
        <div class="logo"><a href="{$baseurl}/admin/">{$sitename}</a></div>
        
        <div class="clear"></div>
      </div>
      { if $admin_login eq 1 }
          <div class="nav" >
             <ul>
               <li><a href="{$baseurl}/admin/">Home</a></li>
              <li><a href="{$baseurl}/admin/users.php">Users</a></li> 
              <li><a href="{$baseurl}/admin/category.php">Categories</a></li>
               <li><a href="{$baseurl}/admin/trivia.php">Trivia</a></li>
               <li><a href="{$baseurl}/admin/user_questions.php">Questions by User</a></li>
               <li><a href="{$baseurl}/admin/user_issues.php">Issues by User</a></li>
               <li><a href="{$baseurl}/admin/user_ideas.php">Ideas by User</a></li>
               <li><a href="{$baseurl}/admin/banners.php">Banner</a></li>
               <li><a href="{$baseurl}/admin/logout.php">Logout</a></li>
             </ul>
          </div>
      {/if}
    </div>
    
    